<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>套卷批改结果</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/subject.css">
</head>
<body>
	<div class="bg2"></div>
	<div class="myStudents">
		<!-- 头部 -->
		<div class="topMain clearfix">
			<div class="fl topMl">
				<img src="images/logo.png" height="72">
			</div>
			<div class="fr topMr">
				<div class="stTop tar">
					<span class="toux">
						<img src="images/toux.jpg" height="37" width="37" alt="">
					</span>
					<span>李小花</span>
					<span>12601330214</span>
					<a href="javascript:;" class="tuichu" title=""><i class="iconfont">&#xe602;</i></a>
				</div>
				<p class="navBar">
					<a href="#"  title="">学中推进</a>
					<a href="#" title="">板块复习</a>
					<a href="#" title="" class="active">套卷训练</a>
					<a href="#" title="">新题更新</a>
					<a href="#" title="">历史答题</a>
				</p>
			</div>
		</div>
		<!-- content -->
		<div class="chooseDy ">
			<h2 class="xzTt">
				<span class="t">套卷训练：</span>
				<span class="t1 tt">数学</span>
				<span class="t2 tt tjo">三角版块大题</span>
				
			</h2>
			<div class="clearfix styleShow pr">
				<!-- 进度条 -->
				
				<div class="shipinBox">
					<h2 class="shipinT flexspb">
						<div class="exTopleft">
							<div class="analysisBtn noAactive">
								<a href="analysis.html">分析报告</a>
							</div>
							<div class="analysisBtn ">
								<a href="correctionResults.html">批改结果</a>
							</div>
						</div>
						<a href="javascript:;" class="fr nextJie submitBtn">导出数据</a>
					</h2>
					<div class=" tm_xzt tm_Auto">
						<div id="" class="subNumBox">
							
							<div class="subNumLine">
								<div class="subNumLineCont subNumlineactive" index="1">1</div>
								<div class="subScores">+5</div>
							</div>
							<div class="subNumLine">
								<div class="subNumLineCont subNumNO" index="1">2</div>
								<div class="subScores">未得分</div>
							</div>
							<div class="subNumLine">
								<div class="subNumLineCont subNumlineactive" index="1">3</div>
								<div class="subScores">+5</div>
							</div>
							
						</div>
						
						<div class="timuMain">
							<img class="tm_tit" src="images/tm1.png">
							<!-- 选项 -->
							<div class="clearfix xuanxBox">
								<div class="fl xuanxLi curLi" kl="A">
									<img src="images/ansA.png">
								</div>
								<div class="fl xuanxLi" kl="B">
									<img src="images/ansB.png">
								</div>
								<div class="fl xuanxLi" kl="C">
									<img src="images/ansC.png">
								</div>
								<div class="fl xuanxLi" kl="D">
									<img src="images/ansD.png">
								</div>
							</div>
							<!-- 答案 -->
							 <div class="exRmeTitle">您的答案</div>
							 <img src="images/jiexi.png" class="jiexiImg">
							 <div class="exRmeTitle">正确解题过程</div>
							 <div>
								 <img src="images/jiexi.png" class="jiexiImg">
							 </div>
							 <div class="exRmeTitle PB20 boederB pt20">您的得分：12分</div>
							 <div class="criticismDiv2 PB20 boederB">
								 <span class="criticismSpan2">评语</span>
								 <span class="criticismSpan2">题目阅读清楚仔细分析，第二大题题目阅读清楚仔细分析，第二大题题目阅读清楚仔细分析，题目阅读清楚仔细分析，第二大题第二大题题目阅读清楚仔细分析，第二大题题目阅读清楚仔细分析，第二大题。"</span>
							 </div>
							 <div class="boederB"> 
								 <img src="images/jiexi.png" class="jiexiImg">
							 </div>
							 <div class="upLineContTitle pt20 boederB PB20">
							 	<div class="d1">上传改正后的解题过程&答案</div>
							 	<input type="file" name="" id="" value="" />
								<div class="upphotograph2  btn ">拍照</div>
							 	<div class="upphotograph  btn ">上传</div>
							 </div>
							 <div class="">
							 	 <img src="images/jiexi.png" class="jiexiImg">
							 </div>
							 
						</div>
						
					</div>	
				</div>
			</div>
		</div>
	</div>
    
	<!-- 绑笔弹窗 -->
	<div class="bangb">
		<div class="bdBox">
			<h2 class="tt">绑定点阵笔</h2>
			<ul class="inner">
				<li>
					<span>学生姓名</span>
					李小红
				</li>
				<li>
					<span>绑定笔编号</span>
					<input type="text" >
				</li>
			</ul>
			<div class="bdBtns pf">
				<a class="fl cancelBtn tac" href="javascript:;">取消</a>
				<a class="fr badgBtn tac" href="javascript:;">绑定</a>
			</div>
		</div>
	</div>

	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/index.js" type="text/javascript"></script>
	<script>
		
		//点击题目
		
        // 单选、
        $(".xuanxLi").click(function(event) {
        	$(this).addClass('curLi').siblings('.xuanxLi').removeClass('curLi');

        });
        // 点击提交按钮
        $(".submitBtn").click(function(event) {
        	var curLi=$(".curLi").length;
        	if(curLi==0){
        		alert("答案不能为空")
        	}else{
        		var kl=$(".curLi").attr("kl");
        		alert("您选择的答案为："+kl)
        		
        	}
        });

        // 点击头像弹窗绑笔弹窗
        $(".toux img").click(function(event) {
        	$(".bangb").show();
        });
        $(".bangb .cancelBtn").click(function(event) {
        	$(".bangb").hide();  //点击取消按钮，关闭弹窗
        });
        $(".bangb .badgBtn").click(function(event) {
        	alert(222)  //点击绑定按钮，执行事件
        });
		
	
			
	</script>
</body>
</html>